// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
$page-bg-color: #ecf2f9;

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

//$font-family:'Microsoft Yahei';
$font-family: Microsoft Yahei;
// Custom code goes here..

// Examples of using the icon mixin:
// @include icon('user');

.x-toolbar-light {
  @include background(linear-gradient(left, color-stops(#fbfbfb, #f6f6f6)));

  .x-title {
    color: #606060;
  }
}

.x-list1 {
  @include background(linear-gradient(left, color-stops(#fbfbfb, #f6f6f6)));
}

.x-toolbar-dark .x-button2 {
  @include background(linear-gradient(top, color-stops(#66bde6, #369fcf)));
  color: #fff;
  text-shadow: 0 -1px 1px #000;
}

.listName {
  font-size: 18px;
  color: #064b6b;
  line-height: 30px;
}

.listConten,.isAClass{
  font-size: 14px;
  color: #656565;
  line-height: 30px;
}

.listConten span {
  margin-right: 10px;
  min-width: 15%;
  overflow: hidden;
  display: -moz-inline-box;
  display: inline-block;
}

.listIcon {
  float: left;
  margin-right: 20px;
}

.listIcon img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

//mawenting
.tabclass {
  font-size: 12px;
  height: 50px;
  // line-height: 80px;
  width: 100%;
  text-align: center;
  // position: relative;
  // border: #cccccc 0.5px solid;
  -webkit-border-radius: 4px;
  margin-left: 2.3px;
  background-color: #ffffff;
}

.tabclassHtml {
  @include background(linear-gradient(top, color-stops(#f7f7f7, #efefef)));
  box-shadow: 0px 1px 1px #fff inset;
  -webkit-box-shadow: 0px 1px 1px #fff inset;
  color: #9a9a9a;
  border: 1px solid #ccc;
}

.tabclass tr {
  margin: 0px;
  padding: 0px;
  min-width: 100%;
  heiht: 50px;
  border-left: 1px solid #ccc;
}

.tabclass tr td {
  width: 10%;
  min-width: 10%;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #ccc;
  text-align: center;
  min-height: 30px;
  min-width: 50px;
}


input[type="button"] {
  border: 1px solid #2892c3;
  @include background(linear-gradient(top, color-stops(#c7e5f3, #b8def0)));
  width: 50px;
  height: 30px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 1px 1px #fff inset;
  color: #0a445e;
  -webkit-box-shadow: 1px 1px 5px inset #ffffff;
  text-align: center;
}

//.tabpanel-1{
// // box-shadow: 1px 1px 3px outset #004bbd ;
//  background-color:#84afcd;
//  font-color:#ccc;
//}
.tabpanel-1 {

  .x-tabbar-dark {
    background-color: #ecf2f9;
    color: #606060;
    border: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #98abba;
    -webkit-box-shadow: 0px 1px 1px #fff;
    background-image: none;
  }

  .x-tabbar-dark.x-docked-top .x-tab-active {
    background-image: none;
  }
  .x-tabbar-dark .x-tab {
    color: #606060;

  }

  .x-tabbar.x-docked-top .x-tab {
    border-radius: 8px;
    -webkit-border-radius: 8px;
  }
  border: 0px;
  background: transparent;
  background-image: none;

  .x-docked-top {
    .x-tab-active {

      background-color: transparent;
    }

  }
}

.overlay {
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2c3745;
  line-height: 50px;
  @include background(linear-gradient(top, color-stops(#f2f7fd, #ccdcef)));
  box-shadow: 0px 2px 5px #010101;

}

.overlayBg {
  width: 100%;
  padding: 30px 20px 20px 20px;
  //color: #575757;
}

.overlayBg p {
  font-size: 14px;
  color: #575757;
  line-height: 10px;
}

.overlayTitle {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0px 10px 0;
}

.overlayImg {
  position: absolute;
  top: 10px;
  right: 10px;
}

hr {
  margin: 20px 0;
}

.x-msgbox {
  .x-toolbar-dark {
    //background: none;
    border: none;
    .x-docked-bottom {
      background: none;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
    }
  }
  .x-toolbar-dark.x-docked-bottom {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .x-toolbar {
    //background: none;
  }
}

.x-form-fieldset2 {
  margin-top: 20px;
  .x-dock .x-dock-body {
    margin: 0;
  }

  .x-form-fieldset-title .x-innerhtml {
    padding: 0;
  }
}
.x-form-fieldset3 .x-form-fieldset-inner{
  border: none;
  margin-top: -10px;
}
.icon-HomePic, .icon-Category, .icon-Role, .icon-Order, .icon-UnOrder, .icon-order, .icon-Call, .icon-Area, .icon-Standards, .icon-Product, .icon-Message, .icon-Admin, .icon-FinishOrder,
.icon-PassOrder, .icon-ProductAssess, .icon-Article, .icon-User, .icon-ArticleCategory, .icon-App, .icon-Sysfunction, .icon-Push ,.icon-ShipOrder,.icon-Coupon,.icon-Photoswall,.icon-Audios{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/sprites_00.png);
  background-repeat: no-repeat;
}
.icon-Audios
{
  background-position: 0 0;
}
.icon-HomePic {
  background-position: 0 0;
}

.icon-Category {
  background-position: -52px 0;
}

.icon-Role {
  background-position: -104px 0;
}

.icon-Order {
  background-position: -156px 0;
}

.icon-ShipOrder {
  background-position: -260px 0;
}

.icon-UnOrder {
  background-position: -208px 0;
}

.icon-order ,.icon-Photoswall{
  background-position: -260px 0;
}
.icon-Coupon{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/ticket.png);
  background-repeat: no-repeat;
}
.icon-Call {
  background-position: -312px 0;
}

.icon-Area {
  background-position: -364px 0;
}

.icon-Standards {
  background-position: -416px 0;
}

.icon-Product {
  background-position: -468px 0;
}

.icon-Message {
  background-position: -520px 0;
  width: 29px;
}

.icon-Admin {
  background-position: -572px 0;
}

.icon-FinishOrder {
  background-position: -624px 0;
}

.icon-PassOrder {
  background-position: -676px 0;
}

.icon-ProductAssess {
  background-position: -728px 0;
}

.icon-Article {
  background-position: -780px 0;
}

.icon-Push {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/bullhorn.png);
  background-repeat: no-repeat;
}


.icon-Videos{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/ticket.png);
  background-repeat: no-repeat;
}

.icon-User {
  background-position: 0 -52px;
}

.icon-ArticleCategory {
  background-position: -52px -52px;
}

.icon-App {
  background-position: -104px -52px;
}

.icon-Sysfunction {
  background-position: -156px -52px;
}


.icon1-HomePic, .icon1-Category, .icon1-Role, .icon1-Order, .icon1-UnOrder, .icon1-order, .icon1-Call, .icon1-Area, .icon1-Standards, .icon1-Product, .icon1-Message, .icon1-Admin, .icon1-FinishOrder,
.icon1-PassOrder, .icon1-ProductAssess, .icon1-Article, .icon1-User, .icon1-ArticleCategory, .icon1-App, .icon1-Sysfunction, .icon1-Push ,.icon1-ShipOrder,.icon1-Coupon,.icon1-Photoswall,.icon1-Audios{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/sprites_01.png);
  background-repeat: no-repeat;
}
.icon1-Audios
{
  background-position: 0 0;
}
.icon1-HomePic {
  background-position: 0 0;
}

.icon1-Category {
  background-position: -52px 0;
}

.icon1-Role {
  background-position: -104px 0;
}

.icon1-Order {
  background-position: -156px 0;
}

.icon1-ShipOrder {
  background-position: -260px 0;
}

.icon1-UnOrder {
  background-position: -208px 0;
}

.icon1-order,.icon1-Photoswall{
  background-position: -260px 0;
}
.icon1-Coupon{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/ticket_1.png);
  background-repeat: no-repeat;
}



.icon1-Videos{
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/ticket_1.png);
  background-repeat: no-repeat;
}
.icon1-Call {
  background-position: -312px 0;
}

.icon1-Area {
  background-position: -364px 0;
}

.icon1-Standards {
  background-position: -416px 0;
}

.icon1-Product {
  background-position: -468px 0;
}

.icon1-Message {
  background-position: -520px 0;
  width: 29px;
}

.icon1-Admin {
  background-position: -572px 0;
}

.icon1-FinishOrder {
  background-position: -624px 0;
}

.icon1-PassOrder {
  background-position: -676px 0;
}

.icon1-ProductAssess {
  background-position: -728px 0;
}

.icon1-Article {
  background-position: -780px 0;
}

.icon1-Push {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../images/bullhorn_1.png);
  background-repeat: no-repeat;
}

.icon1-User {
  background-position: 0 -52px;
}

.icon1-ArticleCategory {
  background-position: -52px -52px;
}

.icon1-App {
  background-position: -104px -52px;
}

.icon1-Sysfunction {
  background-position: -156px -52px;
}
.print_infor tr td{
  width: 50%;
}

.print_product{
  width: 25%;
}
.x-list2 .x-list-item{
  height:100px;
}
.isAClass{
  float: right;
  margin-right: 50px;
  margin-top: -25px;
}
.isAClass .isspan {
  color: green;
}
.isAClass .isnotspan {
  color: red;
}
